/**
 * 移动端用户菜单按钮
 */

import { Component } from "react";
import style from "./index.less";

export default class UserNav extends Component {
    //外部传入 props，就触发 state 变化
    render() {
        return (
            <div className="M-userNav">
                <div className="M-userNavList">
                    {
                        this.props.data.map((ele,i) => {
                            //@todo 这种额外添加类名的怎么处理
                            return <div key={i} className={[ele.icon,'M-item']} onClick={e=>{ ele.action(ele) }}>{ele.text}</div>
                        })
                    }
                </div>
            </div>
        )
    }
}